<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<!--AngularJS 通过被称为 指令 的新属性来扩展 HTML。-->
<!--AngularJS 通过内置的指令来为应用添加功能。-->
<!--AngularJS 允许你自定义指令。-->
<!--ng-app 指令告诉 AngularJS，<div> 元素是 AngularJS 应用程序 的"所有者"。-->
<!--一个网页可以包含多个运行在不同元素中的 AngularJS 应用程序。-->
<div ng-app="" ng-init="firstName='John'">
    <p>在输入框中尝试输入：</p>
    <p>姓名：<input type="text" ng-model="firstName"> </p>
    <p>你输入的为：{{ firstName }}</p>
</div>
</body>
</html>